<template>
  <div>

    <div>
      <van-nav-bar title="待支付"
                   left-text="返回"
                   @click-left="onClickLeft"
                   left-arrow
      />
    </div>

    <div class="container">
      <div style="width: 100% ; height: 200px;color: red;display: flex;align-items: center ;justify-content: center;flex-direction: row">
        <label style="font-size: 24px;">¥</label>
        <label style="font-size: 50px;padding-left: 5px;">{{' ' + totalPrice}}</label>
      </div>

      <div style="width: 90%; text-align: center;font-size: 18px;padding-bottom: 20px;padding-left: 20px;padding-right: 20px;">
        订单提交成功，稍后会有客服人员和您联系，沟通对接，请保持手机通畅！
      </div>

      <div style="width: 90%; text-align: center;font-size: 18px;padding-bottom: 100px;padding-left: 20px;padding-right: 20px;color: blue;" @click="onClickBack">
        返回主页
      </div>
    </div>
    <!--  <div class="container1">

        <van-radio-group v-model="radio">
          <van-cell-group>
            <van-cell title="  微信支付" clickable @click="radio = '1'" size="large">
              <template #right-icon>
                <van-radio name="1" >
                </van-radio>
              </template>

              <template #icon>
                <img src="../images/wxpay.png" width="30" height="30" />
              </template>

            </van-cell>
            <van-cell title="  支付宝支付" clickable @click="radio = '2'"  size="large">
              <template #right-icon>
                <van-radio name="2" >
                </van-radio>
              </template>
              <template #icon>
                <img src="../images/zfbpay.png" width="30" height="30" />
              </template>
            </van-cell>
          </van-cell-group>
        </van-radio-group>

      </div>-->

    <!-- <div style="padding-top: 20px;padding-left: 10px;padding-right: 10px;">

       <van-button round size="large" color="red">立即支付</van-button>
     </div>-->


  </div>
</template>

<script>
  import {queryShareInfo,addShareLy,queryShareLy,addShareStoreInfo ,addLyhfinfo,queryAgencyinfo,queryProductSku ,saveAgencyAddress ,queryAgenyAddress } from 'api/api'
  import {Toast} from 'vant'
  import AreaList from '../../../static/area'
  import eventBus from '../../utils/eventbus'


  export default {
    name: 'addressList',
    data() {
      return {
        totalPrice: 0.00 ,
        orderId:'',
        list: [{id:1,name:'微信支付'}, {id:2,name:'支付宝支付'}],
        result: [],
        radio:'1'
      }
    },

    created() {

      let orderId = this.$route.query.orderId
      let totalPrice = this.$route.query.totalPrice
      this.orderId = orderId
      this.totalPrice = totalPrice


    },
    methods: {

      onClickLeft(){
        this.$router.go(-1) // 返回上一层
      },

      queryAddressList(){

      },

      onSave(data){

        console.log('地址：',data )
      },

      toggle(index) {
        this.$refs.checkboxes[index].toggle();
      },



      onAdd(){
        this.$router.push({ path: '/addAddress', query:{ agencyId:this.agencyId } })
      },

      onEdit(data){
        this.$router.push({ path: '/addAddress', query:{ addressId:data.addressId ,agencyId:this.agencyId} })
      },

      onSelect(data){
        eventBus.$emit('addressInfo',data);
        //调用router回退页面
        this.$router.go(-1);
      },

      onClickBack(){

        this.$router.push({ path: '/store', query:{  } })
      }


    },

  }
</script>

<style scoped>

  .container{
    background-color: white;
    height: auto;
  }

  .container1{
    background-color: white;
    margin-top:10px;
  }

  .liuyan{
    background-color: white;
    margin-top: 20px;
    padding-bottom: 60px;
  }
  .columnr{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .rownr{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .name{
    padding-top: 10px;
    padding-left: 10px;
    font-size: 20px;
    color: #466BAC;
  }

  .img{
    padding-top: 10px;
    padding-left: 10px;
  }

  .content{
    font-size: 16px;
    padding:10px;
    text-indent: 2em;
  }

  .viewimg{
    width: 90%;
    padding-top: 10px;
    padding-left: 5%;
    padding-right: 4%;
  }

  .title_bg{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding:10px
  }
  .title_sx{
    height: 20px;
    width: 3px;
    background-color: #f50;
  }
  .title_name{
    color:#333333;
    font-size: 20px;
    margin-left: 5px;
    font-weight: bold;
  }

  .hfcontent{
    padding-top: 10px;
    padding-left: 60px;
    font-size: 16px;
  }

  .lyban{
    width: 99%;
    position: fixed;
    bottom: 0;
    height: 50px;
    background-color: #ffffff;
    border-top: 1px solid #B2B2B2 ;
  }

  .lytextcss{
    margin-top:8px;
    margin-left:10px;
    border-radius:15px;
    border: 1px solid #B2B2B2;
    width: 90%;
    height: 30px;
  }

  .textareacss{
    margin-left:10px;
    margin-right:10px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #B2B2B2;
  }

  .hfcss{
    padding-left: 60px;
    padding-top: 10px;
    font-size: 16px;
  }

</style>
